export default {
  namespaced: true,
  state: () => ({
    carts: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  mutations: {
    // 添加到购物车
    addToCart(state, good) {
      // 判断传进来的商品是否存在
      const findGoods = state.carts.find(x => x.goods_id === good.goods_id)
      // 如果不存在， 直接放进去
      if (!findGoods) {
        state.carts.push(good)
      } else {
        // 只需要更新他的数量
        findGoods.goods_count++
      }
      this.commit('cart/saveToStorage')
    },
    // 实现购物车信息持久化
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.carts))
    },
    // 根据是否勾选来修改
    updataGoodsStatus(state, good) {
      // 找到这条数据
      const findResult = state.carts.find(x => x.goods_id === good.goods_id)
      if (findResult) {
        findResult.goods_state = !good.goods_state
        // 并实现持久化
        this.commit('cart/saveToStorage')
      }
    },
    // 根据数量修改
    updateGoodsNum(state, good) {
      // 找到这条数据
      const findResult = state.carts.find(x => x.goods_id === good.goods_id)
      if (findResult) {
        findResult.goods_count = good.goods_count
        // 并实现持久化
        this.commit('cart/saveToStorage')
      }
    },
    // 删除某个数据
    deleteCartItem(state, id) {
      state.carts = state.carts.filter(x => x.goods_id !== id)
      console.log(state.carts);
      this.commit('cart/saveToStorage')
    },
    // 更新所有商品的勾选状态
    updateAllGoodsState(state, newState) {
      // 循环更新购物车中每件商品的勾选状态
      state.carts.forEach(x => x.goods_state = newState)
      // 持久化存储到本地
      this.commit('cart/saveToStorage')
    },

  },
  getters: {
    total: (state) => {
      let c = 0
      state.carts.forEach(x => c += x.goods_count)
      return c
    },
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选的商品的总数量
      return state.carts.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 已勾选的商品的总价
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.carts.filter(x => x.goods_state)
        .reduce((total, item) => total += item.goods_count * item.goods_price, 0)
        .toFixed(2)
    }
  }
}
